@charset "UTF-8";
/*
* @Author: DoDo
* @Date:   2020-06-11 08:44:44
* @Last Modified by:   DoDo
* @Last Modified time: 2020-08-28 17:10:05
*/
@media (max-width: 1439px) { .nav-list li .span-a1 a{ padding-left: 15px; padding-right: 15px; }
  .header-search{ width: 220px; }
  .header-right .a-01{ margin-left: 15px; }
  .about-intro { background-size: 100%; }
  .about-culture-info-01 { padding: 30px 30px 20px; } }
@media (max-width: 1365px) { .nav-list li .span-a1 a { padding-left: 13px; padding-right: 13px; }
  .footer-nav-m a { margin: 0 20px; } }
@media (min-width: 1200px) { .header.on .nav-list li .span-a1 a { line-height: 80px; }
  .nav-down { display: block !important; visibility: hidden; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transform: translateY(10px); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
  .nav-down.ling .nav-word { width: 20.71%; }
  .nav-down.ling .nav-nav { width: 24.28%; margin-right: 5%; }
  .header .a-logo:hover img { animation: tada 1.5s 1 linear; -moz-animation: tada 1.5s 1 linear; /* Firefox */ -webkit-animation: tada 1.5s 1 linear; /* Safari and Chrome */ -o-animation: tada 1.5s 1 linear; /* Opera */ }
  .nav-list li:hover .span-a1 a i { color: #fb9b34; transform: rotateX(360deg); animation: jello .9s 1 linear; -moz-animation: jello .9s 1 linear; /* Firefox */ -webkit-animation: jello .9s 1 linear; /* Safari and Chrome */ -o-animation: jello .9s 1 linear; /* Opera */ }
  .nav-list li:hover .nav-down { visibility: visible; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; transform: translateY(0); }
  .nav-nav .div-01 a:hover { color: #fb9b34; }
  .header-right .a-01:hover { color: #fb9b34; }
  .public-more a:hover img { transform: translateX(5px); }
  .footer-contact-01:hover .div-title { color: #fb9b34; }
  .footer-contact-01:hover .div-title .span-icon .mg1 { display: none; }
  .footer-contact-01:hover .div-title .span-icon .mg1h { display: block; }
  .footer-contact-01:hover .div-des { color: #fb9b34; }
  @keyframes banner_scale { 0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); } }
  .index-product-a1:hover .span-img { transform: scale(1.1); }
  .index-product-a1:hover .span-title { background: rgba(0, 82, 217, 0.5); }
  .index-case { background-attachment: fixed; }
  .index-case-a1:hover .span-img { transform: rotateY(360deg); }
  .index-case-a1:hover .span-title { color: #0052d9; }
  .index-title2 .a1:hover { color: #fb9b34; }
  .index-news-list li:hover .div-day { color: #fb9b34; }
  .index-news-list li:hover .div-title a { color: #fb9b34; }
  .index-news-list li:hover .div-cont::before { top: 0; bottom: 0; }
  .index-video-cont .a1:hover { transform: scale(1.1); }
  .public-subMenu-a1:hover { background: #ef922e; }
  .public-subMenu-a1:hover .span-en, .public-subMenu-a1:hover .span-cn { color: #fff; }
  .about-intro-word .div-img:hover img { transform: scale(1.1); }
  .about-history { background-attachment: fixed; }
  .about-history-01:hover .div-year { background: url("../images/bg-06.png") center bottom no-repeat; }
  .about-history-01:hover .div-cont { transform: translateY(-10px); }
  .about-honor { background-attachment: fixed; }
  .about-honor-a1 { margin-top: 10px; }
  .about-honor-a1:hover { transform: translateY(-10px); }
  .about-intro-01:hover .div-num { transform: translateY(-10px); }
  .about-culture-intro .div-img:hover img { transform: scale(1.1); }
  .about-culture-info-01:hover .div-icon img { transform: rotateY(360deg); }
  .solution-subMenu-list li .span-a1 a:hover { color: #fb9b34; background: url("../images/bg-11h.png") left center no-repeat; }
  .solution-subMenu-list li .span-a1 a:hover + bdo { background-image: url("../images/icon-03h.png"); }
  .solution-subMenu-list li .div-down .div-01 a:hover { color: #fb9b34; }
  .solution-product-01:hover .div-img { transform: scale(1.1); }
  .solution-product-01:hover .div-txt { background: rgba(0, 82, 217, 0.5); }
  .case-main .row > div.col-5lg { width: 20%; }
  .case-a1:hover .span-img { -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 14px rgba(0, 0, 0, 0.1); box-shadow: 0 0 14px rgba(0, 0, 0, 0.1); }
  .case-a1:hover .span-img::before, .case-a1:hover .span-img::after { left: 7px; top: 7px; right: 7px; bottom: 7px; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
  .case-a1:hover .span-txt { color: #fb9b34; }
  .news-list li:hover { background: #fff; }
  .news-list li:hover .a-img { transform: translateX(30px); }
  .news-list li:hover .div-date { transform: translateX(-30px); }
  .news-list li:hover .div-title a { color: #fb9b34; }
  .news-pages .div-01 a:hover { color: #fb9b34; }
  .contact-list li:hover .span-icon { transform: translateX(5px); } }
@media (max-width: 1199px) { body { padding-top: 80px; }
  .header { padding-top: 15px; padding-bottom: 15px; }
  .header .a-logo img { height: 50px; }
  .header-right { display: flex; align-items: center; }
  .header-bream { display: block; }
  .nav-toggle { position: fixed; left: 0; right: 0; top: 80px; bottom: 0; padding: 30px 15px; border-top: 1px solid #e5e5e5; overflow: auto; background: #fff; visibility: hidden; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transform: translateY(10px); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
  .nav-toggle.on { visibility: visible; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; transform: translateY(0); }
  .nav-list { display: block; }
  .nav-list li .span-a1 a { padding-left: 15px; padding-right: 15px; line-height: 50px; }
  .nav-list li .span-a1 bdo { position: absolute; right: 0; top: 0; bottom: 0; width: 50px; font-size: 20px; }
  .nav-list li .span-a1.on bdo { display: flex; align-items: center; justify-content: center; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
  .nav-list li .span-a1.on bdo.on { transform: rotate(45deg); }
  .nav-list li.on .span-a1 bdo { color: #333; }
  .nav-list .container { width: 100%; }
  .nav-down { position: static; display: none; }
  .nav-down > .container { display: block; }
  .nav-down .nav-word { display: none; }
  .nav-down .nav-img { display: none; }
  .nav-down .nav-nav { border: none; padding: 15px; width: 100%; border-top: 1px solid #e5e5e5; }
  .nav-down .nav-nav .div-01 { width: 100%; }
  .footer-nav .a-logo { display: none; }
  .public-subMenu-a1 .span-cn { font-size: 20px; line-height: 30px; }
  .public-subMenu-a1 .span-en { font-size: 14px; line-height: 24px; margin-top: 3px; }
  .about-intro-number { margin-top: 50px; }
  .about-culture-info { margin-top: 0; padding-top: 20px; }
  .about-culture-info-01 { width: 48%; margin-top: 20px; }
  .solution-main { padding-left: 0; }
  .solution-subMenu { position: relative; z-index: 10; float: none; width: 100%; margin-left: 0; }
  .solution-subMenu .div-title { position: relative; }
  .solution-subMenu .div-title span { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; }
  .solution-subMenu .div-title span::after { content: "＋"; position: absolute; right: 20px; top: 0; bottom: 0; display: flex; align-items: center; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
  .solution-subMenu .div-title span.on::after { transform: rotate(180deg); content: "－"; }
  .solution-subMenu-list { display: none; background: #fff; }
  .solution-cont { float: none; width: 100%; margin-top: 20px; }
  .solution-main { padding-top: 50px; padding-bottom: 50px; }
  .case-main { padding-top: 90px; }
  .news-list li { padding: 35px 100px 35px 315px; }
  .news-list li .a-img { margin-left: -315px; }
  .news-list li .div-date { margin-right: -100px; }
  .return-top:hover img { transform: rotateY(180deg); } }
@media (max-width: 991px) { .footer-contact { flex-wrap: wrap; }
  .footer-contact-01 { margin-left: 20px; }
  .footer-nav-m { display: none; }
  .footer-nav { justify-content: center; }
  .footer-copy .container { flex-direction: column; text-align: center; }
  .return-top { width: 30px; }
  .index-product, .index-case, .index-01, .contact-main { padding-top: 50px; padding-bottom: 50px; }
  .index-product-cont, .index-case-cont { margin-top: 30px; margin-bottom: 40px; }
  .index-news, .index-video { float: none; width: 100%; }
  .index-video { margin-top: 50px; }
  .index-video-cont { margin-top: 35px; }
  .about-intro-word { flex-wrap: wrap; }
  .about-intro-word .div-img { width: 100%; }
  .about-intro-word .div-img img { display: block; width: auto; margin: 0 auto 30px; }
  .about-intro-word .div-cont { width: 100%; }
  .about-intro-01 .div-num { font-size: 14px; }
  .about-intro-01 .div-num span { font-size: 60px; line-height: 60px; }
  .about-intro-01 .div-txt { font-size: 18px; margin-top: 15px; }
  .about-culture-intro .div-word { width: 100%; }
  .about-culture-intro .div-img { width: 100%; margin-top: 25px; }
  .about-culture-intro .div-img img { display: block; width: auto; max-width: 100%; margin: 0 auto; }
  .product-tc .div-cont { display: block; }
  .product-tc .div-cont .div-img { width: 100%; }
  .product-tc .div-cont .div-img img { display: block; margin: 0 auto; width: auto; max-width: 100%; }
  .product-tc .div-cont .div-right { width: 100%; margin-top: 30px; }
  .news-main { padding-top: 70px; padding-bottom: 70px; }
  .news-list li { padding-left: 250px; }
  .news-list li .a-img { margin-left: -250px; width: 230px; height: 156px; }
  .news-list li .div-title a { font-size: 22px; line-height: 32px; }
  .news-list li .div-des { margin-top: 10px; }
  .news-list li .public-more { margin-top: 22px; }
  .news-list li .public-more a { height: 40px; }
  .news-list li .div-date .div-day { font-size: 38px; line-height: 38px; }
  .contact-list { padding-top: 15px; }
  .contact-list li { width: 50%; margin-left: 0; padding-right: 30px; margin-top: 20px; }
  .contact-list li:last-child { width: 100%; }
  .contact-list li .b-name { font-size: 18px; } }
@media (min-width: 768px) { .header-search { display: block !important; }
  .header-search-up { display: none; }
  .header-search-close { display: none; } }
@media (max-width: 767px) { body { padding-top: 55px; }
  .header { padding-top: 10px; padding-bottom: 10px; }
  .header .a-logo img { height: 35px; }
  .header-search { display: none; }
  .header-right .a-01{ margin-left: 0; margin-right: 15px; font-size: 14px; }
  .nav-toggle { top: 55px; }
  .nav-list li .span-a1 a { font-size: 16px; line-height: 46px; }
  .nav-nav .div-01 a { font-size: 14px; line-height: 40px; }
  .header-search-up { display: block; }
  .header-search-close { display: block; position: absolute; right: 15px; top: 15px; width: 20px; }
  .header-search { position: fixed; left: 0; top: 0; right: 0; z-index: 10; width: 100%; height: 150px; padding-top: 60px; background: #fff; display: block; border: none; border-radius: 0; text-align: center; display: none; }
  .header-search .put-01 { display: inline-block !important; width: 60%; vertical-align: middle; border: 1px solid #e5e5e5; border-radius: 5px; }
  .header-search .but-01 { position: static; display: inline-block !important; vertical-align: middle; }
  .footer { padding-top: 15px; }
  .footer-contact-01 { width: 100%; padding-right: 0; margin-left: 0; }
  .footer-copy { padding-bottom: 20px; }
  .footer-copy span { margin-left: 15px; margin-right: 15px; text-align: center; }
  .banner-owl .owl-dots button.owl-dot { width: 30px; height: 3px; margin: 0 3px; border-radius: 3px; }
  .ce-list{ display: none; top: auto; transform: translateY(0); bottom: calc(5% + 50px); }
  .banner-scroll { display: none; }
  .index-product, .index-case, .index-01 { padding-top: 35px; padding-bottom: 35px; }
  .index-product-cont, .index-case-cont { margin-top: 25px; margin-bottom: 30px; padding-left: 35px; padding-right: 35px; }
  .index-product-arrow { width: 30px; height: 30px; }
  .index-title .div-en img { height: 40px; }
  .index-title .div-cn { font-size: 26px; margin-top: -26px; }
  .index-case-a1 { display: inline-block !important; width: 48%; margin-top: 0; }
  .index-case-a1 .span-img { max-width: 80%; }
  .index-case-a1 .span-title { margin-top: 5px; font-size: 14px; line-height: 24px; }
  .index-title2 .span-01 { font-size: 26px; }
  .index-news-list li { padding-left: 70px; padding-top: 10px; padding-bottom: 10px; }
  .index-news-list li .div-date { width: 70px; margin-left: -70px; }
  .index-news-list li .div-date .div-day { font-size: 40px; line-height: 40px; }
  .index-news-list li .div-cont { padding-left: 15px; }
  .index-news-list li .div-title a { font-size: 16px; line-height: 26px; }
  .index-news-list li .div-des { margin-top: 0; font-size: 12px; line-height: 22px; height: 44px; }
  .index-video { margin-top: 35px; }
  .index-video-cont .a1 .span-icon { height: 250px; }
  .banner-inside { margin-bottom: 68px; }
  .banner-inside.ling { margin-bottom: 0; }
  .banner-inside .div-en { font-size: 28px; line-height: 38px; }
  .banner-inside .div-cn { font-size: 20px; line-height: 30px; margin-top: 0; }
  .public-subMenu { bottom: auto; top: 100%; }
  .public-subMenu > .container { white-space: nowrap; overflow: auto; padding-left: 0; padding-right: 0; display: block; font-size: 0; text-align: center; }
  .public-subMenu-a1 { display: inline-block; width: auto; min-width: 25%; padding: 10px; }
  .public-subMenu-a1 .span-cn { font-size: 16px; line-height: 26px; }
  .public-subMenu-a1 .span-en { font-size: 12px; line-height: 22px; margin-top: 0; }
  .about-intro, .about-culture { padding-top: 35px; padding-bottom: 35px; }
  .about-intro-num { display: none; }
  .about-intro-word { margin-top: 30px; }
  .about-intro-word .div-cont .div-title { font-size: 24px; line-height: 34px; }
  .about-intro-word .div-cont .div-des { margin-top: 25px; font-size: 14px; line-height: 24px; }
  .about-intro-number { flex-wrap: wrap; margin-top: 0; padding-top: 10px; }
  .about-intro-01 { width: 50%; margin-top: 20px; }
  .about-intro-01 .div-num { font-size: 12px; }
  .about-intro-01 .div-num span { font-size: 40px; line-height: 40px; }
  .about-intro-01 .div-txt { font-size: 14px; line-height: 24px; margin-top: 5px; }
  .about-title { font-size: 26px; }
  .about-history, .about-honor, .contact-main { padding-top: 35px; padding-bottom: 35px; }
  .about-history-cont { margn-top: 25px; }
  .about-honor-cont { padding-top: 25px; }
  .about-history-c { padding-left: 35px; padding-right: 35px; }
  .about-culture-info-01 { width: 100%; margin-top: 10px; }
  .about-culture-info-01 .div-icon img { height: 80px; }
  .about-culture-info-01 .div-title { margin-top: 20px; }
  .about-culture-intro { margin-top: 25px; }
  .about-culture-intro .div-word { text-align: center; }
  .about-culture-intro .div-word .div-des { font-size: 14px; line-height: 24px; margin-top: 25px; text-align: left; }
  .about-culture-intro .div-word .div-title { font-size: 20px; line-height: 30px; }
  .about-culture-intro .div-word .span-info { font-size: 16px; line-height: 26px; margin-top: 5px; }
  .solution-main { padding-top: 30px; padding-bottom: 30px; }
  .solution-subMenu .div-title { font-size: 20px; line-height: 30px; }
  .solution-cont { padding: 20px 0; }
  .solution-title { padding: 0 15px 10px; }
  .solution-title span { font-size: 18px; line-height: 28px; background-position: left top 0; }
  .solution-word { padding: 0 15px; }
  .solution-01 { margin-top: 25px; }
  .solution-01:first-child { margin-top: 20px; }
  .solution-title2 { font-size: 22px; line-height: 32px; }
  .solution-art { font-size: 14px; line-height: 24px; margin-top: 15px; }
  .solution-product .row > div { padding-left: 5px; padding-right: 5px; }
  .solution-product-01 { margin-top: 10px; }
  .solution-product-01 .div-txt { left: 5px; right: 5px; bottom: 5px; font-size: 12px; line-height: 22px; }
  .product-tc { padding: 50px 15px 30px; }
  .product-tc .product-tc-close { width: 30px; top: 15px; right: 15px; }
  .product-tc .div-title { font-size: 28px; padding-bottom: 15px; }
  .product-tc .div-cont { margin-top: 20px; }
  .product-tc .div-cont .div-right .div-tit span { font-size: 20px; background-size: 15px; padding-left: 20px; }
  .product-tc .div-cont .div-right .div-des { font-size: 14px; line-height: 24px; }
  .case-main { padding-top: 20px; padding-bottom: 30px; }
  .case-main .row { margin-left: -5px; margin-right: -5px; }
  .case-main .row > div { padding-left: 5px; padding-right: 5px; }
  .case-a1 { margin-top: 10px; }
  .case-a1 .span-txt { font-size: 14px; line-height: 24px; margin-top: 5px; }
  .news-main { padding-top: 10px; padding-bottom: 35px; }
  .news-list li { position: relative; padding: 15px 0; }
  .news-list li .a-img { float: none; margin-left: 0; width: 100%; height: auto; margin-bottom: 20px; }
  .news-list li .a-img img { width: 100%; }
  .news-list li .div-date { position: absolute; right: 0; top: 15px; background: #fff; float: none; margin-right: 0; padding-bottom: 5px; font-size: 12px; display: none; }
  .news-list li .div-date .div-day { font-size: 20px; line-height: 20px; }
  .news-list li .div-title a { font-size: 18px; line-height: 28px; }
  .news-list li .div-des { line-height: 22px; height: 44px; margin-top: 5px; }
  .news-list li .public-more a { width: 100%; }
  .pages { margin-top: 30px; }
  .pages a, .pages strong { display: none; }
  .pages a:first-child, .pages a:last-child { display: inline-block; width: 46%; margin: 0 1%; }
  .news-art-title { padding: 20px 15px; }
  .news-art-title .div-title { font-size: 20px; line-height: 30px; }
  .news-art-title .div-info { font-size: 14px; margin-top: 10px; }
  .news-art-title .div-info .span-01 { margin: 0 5px; }
  .news-art-title .div-info .span-01 img { margin-right: 5px; }
  .news-art { font-size: 14px; line-height: 24px; margin-top: 20px; }
  .news-pages { margin-top: 30px; padding-right: 0; padding-top: 20px; }
  .news-pages .div-01 a { font-size: 14px; line-height: 30px; }
  .news-pages .a-return { position: static; width: 100%; margin-top: 10px; }
  .contact-list { padding-top: 10px; }
  .contact-list li { width: 100%; padding-left: 50px; margin-top: 10px; }
  .contact-list li .span-icon { margin-left: -50px; }
  .contact-list li .span-icon img { width: 40px; }
  .contact-list li .b-name { font-size: 16px; line-height: 26px; }
  .contact-list li .span-des { margin-top: 5px; font-size: 14px; line-height: 24px; }
  .contact-map { margin-top: 25px; } }
@media (max-width: 320px){ 
  .header-bream{ margin-left: 10px; }
  .header-right .a-01{ font-size: 12px; margin-right: 10px; }
}
/*# sourceMappingURL=media.css.map */